<template>
  <div class="demo-button" flex="cross:center">
    <b-button-group vertical>
      <b-button>小样</b-button>
      <b-button>你</b-button>
      <b-button>瞅啥</b-button>
    </b-button-group>

    <b-button-group vertical>
      <b-button>我就</b-button>
      <b-button>瞅你</b-button>
      <b-button>咋地</b-button>
    </b-button-group>

    <b-button-group>
      <b-button type="primary" icon="left">上一页</b-button>
      <b-button type="primary">
        下一页
        <i class="b-iconfont b-icon-right"></i>
      </b-button>
    </b-button-group>
    <b-button-group>
      <b-button>上一页</b-button>
      <b-button>下一页</b-button>
    </b-button-group>
    <b-button-group>
      <b-button type="success" icon="star"></b-button>
      <b-button type="info" icon="heatmap"></b-button>
      <b-button type="danger" icon="edit"></b-button>
    </b-button-group>
  </div>
</template>
